<!-- apps/frontend/templates/layout.php -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>Zing - Sistema de produccion para zingueria</title>
    <link rel="shortcut icon" href="<?php echo image_path('/Favicon.ico')?>" />
    <?php include_javascripts() ?>
    <?php include_stylesheets() ?>

    
  </head>
  <body>
    <div id="container">
        
    <?php
     $posicion = strpos($_SERVER['HTTP_USER_AGENT'], "MSIE");
     if ($posicion==true){
        $sf_user->setFlash('browser_error','Su navegador no cumple con los estandares|
            Este sitio no va a funcionar correctamente. Cambielo por uno mas moderno');
     }         //'Ojo, esto es un navegador feo')
 
    ?>    
<!--
**************************************************
* #header
**************************************************
-->
<?php 
        //armo un arreglo con las imagenes para cada modulo
 $moduloIcono['os'] = '<img src="'.image_path('/images/obraSocial.png').'" style="height: 50px" title="Modulo obra social y planes"/>'; 
 $moduloIcono['plan'] = '<img src="'.image_path('/images/obraSocial.png').'" style="height: 50px" title="Modulo obra social y planes"/>';  
 $moduloIcono['persona'] = '<img src="'.image_path('/images/personas.png').'" style="height: 50px" title="Modulo personas"/>'; 
 $moduloIcono['laboratorio'] = '<img src="'.image_path('/images/laboratorio.png').'" style="height: 50px" title="Modulo laboratorios"/>';  
 $moduloIcono['orden'] = '<img src="'.image_path('/images/orden.png').'" style="height: 50px" title="Módulo ordenes"/>'; 
 $moduloIcono['ordenNew'] = '<img src="'.image_path('/images/ordenAdd.png').'" style="height: 50px" title="Nueva orden"/>';  
 $moduloIcono['contabilidad'] = '<img src="'.image_path('/images/contabilidad.png').' " style="height: 50px"  title="Contabilidad"/>'; 
 $moduloIcono['auditoriaMedica'] = '<img src="'.image_path('/images/auditoriaMedica.png').'" style="height: 50px" title="Módulo de auditoria medica"/>'; 
 $moduloIcono['logSistema'] = '<img src="'.image_path('/images/logSistema.png').'" style="height: 50px" title="Listado de insidencias"/>'; 
 $moduloIcono['integranteLab'] = '<img src="'.image_path('/images/integranteLab.png').'" style="height: 50px" title="Integrante de laboratorio"/>'; 
 $moduloIcono['prestador'] = '<img src="'.image_path('/images/prestador.png').'" style="height: 50px" title="Prestador"/>'; 
 $moduloIcono['prescriptor'] = '<img src="'.image_path('/images/prescriptor.png').'" style="height: 50px" title="Prescriptor"/>'; 
 $moduloIcono['afiliado'] = '<img src="'.image_path('/images/afiliado.png').'" style="height: 50px" title="Afiliado"/>'; 
 $moduloIcono['nomenclador'] = '<img src="'.image_path('/images/afiliado.png').'" style="height: 50px" title="Afiliado"/>'; 
 $moduloIcono['sfGuardUser'] = '<img src="'.image_path('/images/usuarios.png').'" style="height: 50px" title="Usuarios"/>'; 
 $moduloIcono['sfGuardGroup'] = '<img src="'.image_path('/images/perfil.png').'" style="height: 50px" title="Perfiles de usuario"/>'; 
 $moduloIcono['mensaje'] = '<img src="'.image_path('/images/mensaje.png').'" style="height: 50px" title="Modulo de mensajería"/>';  
 
 
 
 $moduloIcono['trabajoRealizar'] = '<img src="'.image_path('/images/trabajoRealizar.jpg').'" style="height: 50px" title="Trabajos a Realizar"/>';   

 
 $moduloIcono['config'] = '<img src="'.image_path('/images/zingCfg.png').'" style="height: 50px" title="Configuraciones"/>';  
 $moduloIcono['pedidoAdd'] = '<img src="'.image_path('/images/pedidoAdd.png').'" style="height: 50px" title="Usuarios"/>'; 
 $moduloIcono['pedido'] = '<img src="'.image_path('/images/pedido.png').'" style="height: 50px" title="Perfiles de usuario"/>'; 
 $moduloIcono['producto'] = '<img src="'.image_path('/images/producto.jpg').'" style="height: 50px" title="Modulo de mensajería"/>';  
 $moduloIcono['material'] = '<img src="'.image_path('/images/material.jpg').'" style="height: 50px" title="Modulo de mensajería"/>';  
 $moduloIcono['empleado'] = '<img src="'.image_path('/images/empleado.jpg').'" style="height: 50px" title="Listado de Empleados"/>';   
 $moduloIcono['cliente'] = '<img src="'.image_path('/images/cliente.jpg').'" style="height: 50px" title="Listado de Clientes"/>';   
 $moduloIcono['trabajo'] = '<img src="'.image_path('/images/trabajo.jpg').'" style="height: 50px" title="Modulo de mensajería"/>';   

 
 $menuIcono['config'] = '<img src="'.image_path('/images/zingCfg.png').'" title="Configuracion"/>';
 
 
 $menuIcono['empleado'] = '<img src="'.image_path('/images/empleado.jpg').'" title="Empleados"/>';
 $menuIcono['cliente'] = '<img src="'.image_path('/images/cliente.jpg').'" title="Gestiona Clientes"/>';
// $menuIcono['trabajo'] = '<img src="'.image_path('/images/trabajo.jpg').'" title="Trabajos"/>';
 $menuIcono['pedidoAdd'] = '<img src="'.image_path('/images/pedidoAdd.png').'" title="Crea un nuevo pedido"/>';
 $menuIcono['pedido'] = '<img src="'.image_path('/images/pedido.png').'" title="Administra Pedidos"/>';
 $menuIcono['trabajoRealizar'] = '<img src="'.image_path('/images/trabajoRealizar.jpg').'" title="Trabajos a Realizar"/>';
// $menuIcono['sfGuardUser'] = '<img src="'.image_path('/images/usuarios.png').'" title="Administración de usuarios"/>'; 
 $menuIcono['salir'] = '<img src="'.image_path('/images/salir.png').'" title="Cerrar sesión"/>'; ;
 
// <br/><b> Pedidos</b>
// 
// 
// $versionSUAP = sfYaml::load(sfConfig::get('sf_root_dir').'/VERSION.yml');
// $versionSoft =  $versionSUAP['version']['software'];
// $fecha = $versionSUAP['version']['fecha'];
 
// $cfgSUAP = sfYaml::load(sfConfig::get('sf_root_dir').'/config/suapCfg.yml');
// $entorno = $cfgSUAP['entorno']['detalle'];
// $msgRefresco = $cfgSUAP['mensajes']['refresco'];
// $layoutNovedades =  $cfgSUAP['layout']['prestador']['novedades'];
?>


 <style>
.custom-combobox {
position: relative;
display: inline-block;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
/* support: IE7 */
*height: 1.7em;
*top: 0.1em;
}
.custom-combobox-input {
margin: 0;
padding: 0.3em;
}
</style>
<script>
(function( $ ) {
$.widget( "custom.combobox", {
_create: function() {
this.wrapper = $( "<span>" )
.addClass( "custom-combobox" )
.insertAfter( this.element );
this.element.hide();
this._createAutocomplete();
this._createShowAllButton();
},
_createAutocomplete: function() {
var selected = this.element.children( ":selected" ),
value = selected.val() ? selected.text() : "";
this.input = $( "<input>" )
.appendTo( this.wrapper )
.val( value )
.attr( "title", "" )
.addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
.autocomplete({
delay: 0,
minLength: 0,
source: $.proxy( this, "_source" )
})
.tooltip({
tooltipClass: "ui-state-highlight"
});
this._on( this.input, {
autocompleteselect: function( event, ui ) {
ui.item.option.selected = true;
this._trigger( "select", event, {
item: ui.item.option
});
},
autocompletechange: "_removeIfInvalid"
});
},
_createShowAllButton: function() {
var input = this.input,
wasOpen = false;
$( "<a>" )
.attr( "tabIndex", -1 )
.attr( "title", "Show All Items" )
.tooltip()
.appendTo( this.wrapper )
.button({
icons: {
primary: "ui-icon-triangle-1-s"
},
text: false
})
.removeClass( "ui-corner-all" )
.addClass( "custom-combobox-toggle ui-corner-right" )
.mousedown(function() {
wasOpen = input.autocomplete( "widget" ).is( ":visible" );
})
.click(function() {
input.focus();
// Close if already visible
if ( wasOpen ) {
return;
}
// Pass empty string as value to search for, displaying all results
input.autocomplete( "search", "" );
});
},
_source: function( request, response ) {
var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
response( this.element.children( "option" ).map(function() {
var text = $( this ).text();
if ( this.value && ( !request.term || matcher.test(text) ) )
return {
label: text,
value: text,
option: this
};
}) );
},
_removeIfInvalid: function( event, ui ) {
// Selected an item, nothing to do
if ( ui.item ) {
return;
}
// Search for a match (case-insensitive)
var value = this.input.val(),
valueLowerCase = value.toLowerCase(),
valid = false;
this.element.children( "option" ).each(function() {
if ( $( this ).text().toLowerCase() === valueLowerCase ) {
this.selected = valid = true;
return false;
}
});
// Found a match, nothing to do
if ( valid ) {
return;
}
// Remove invalid value
this.input
.val( "" )
.attr( "title", value + " didn't match any item" )
.tooltip( "open" );
this.element.val( "" );
this._delay(function() {
this.input.tooltip( "close" ).attr( "title", "" );
}, 2500 );
this.input.data( "ui-autocomplete" ).term = "";
},
_destroy: function() {
this.wrapper.remove();
this.element.show();
}
});
})( jQuery );
$(function() {
$( ".combobox" ).combobox();
});
</script>



<script>
    
    var refresco = 5000;
    //<?php echo $msgRefresco?>;
//    var apiURL = "<?php echo url_for('api/')?>";    
    
    $(document).ready(function() {
        
            $("#msgNotif").hide();
//            verificarMsg();
            
  function verificarMsg()
            {
//
//                
//                $("#imgMsgNotif").attr("title","");
//                
//                $.getJSON(apiURL + "msg/checkNotif/A/A/respuesta.json",'', function(data) 
//                {   
//                    if(data.length>0)
//                    {                    
//                        $.each(data, function(key, val) {
//                            //alert(val.notif);
//                            if(Number(val.notif)>0)
//                            {
//                                if(val.notif > $("#labelMsgNotif").text())
//                                {
//                                    document.getElementById('player').play();
//                                }
//
//                                $("#labelMsgNotif").text(val.notif);                            
//                                //$("#msgNotif").attr("display","inline-block");
//                                $("#msgNotif").show();
//                            }else
//                            {
//                                $("#msgNotif").hide();
//                            }
//
//                            $("#imgMsgNotif").attr("title",$("#imgMsgNotif").attr("title") + '\n'+val.R)
//                        })
//                    
//                    } else
//                    {
//                                $("#msgNotif").hide();                        
//                    };
//                });
            };
            
            
            $(function() {
                $( '.flash_timedNotice' ).fadeOut(3000);
                    verificarMsg();
                    window.setInterval(function(){verificarMsg()},refresco);
                });
    });
</script> 

    <audio id="player" src="<?php echo _compute_public_path('sonidoMsg', 'sound', 'wav', false); ?>"> </audio>
    
    
    
      <div id="header">
            <div class="content">
              <h1>
                <a href="<?php echo url_for('orden/index') ?>">
                 <img src="<?php echo image_path('/images/logo.png')?>" />
                </a>
              </h1>
            </div>
          
        <?php 
//        if((isset($cfgSUAP['layout']['auditarPrestador'])) and ($cfgSUAP['layout']['auditarPrestador'])){
//            suapUtils::auditar('IP:'.sfContext::getInstance()->getRequest()->getRemoteAddress().
//                    '-URL:'.sfContext::getInstance()->getRequest()->getUri()  , $this, 1234567892,false,true);
//            
//        };
	if ($sf_user->isAuthenticated()): ?>
          
              <div class="infoContextual">
                <?php
                /*
                 * Esto muestra el icono correspondiente al modulo en que estoy
                 */
                  $modulo = $sf_context->getModuleName();            
//                  if ($modulo == 'orden'){
//                      if ($sf_context->getActionName() == 'newSmartOrden') {
//                          $modulo='ordenNew';
//                      }
//                      if ($sf_context->getActionName() == 'indexContable' OR
//                          $sf_context->getActionName() == 'showContable') {
//                          
//                          $modulo='contabilidad';
//                      }
//
//                  }

                 ?>  
               <table>
                 <tbody>
                   <tr>      
                     <td><b><?php echo $moduloIcono[$modulo] ?></b></td>   
                     <td><?php echo link_to('<b>'.$sf_user->getUserName().'</b>', 'sfGuardUser/edit?id='.$sf_user->getId(),array('style'=>'color:white;')) ?></td>
                    </tr>
                 </tbody>
               </table>

              </div>
          
             <div class="notificaciones">

              <?php
//                $cantidadEsperandoRespuesta = $sf_user->getLaboratorio()->getCantidadOrdenesEsperandoRespuesta();
//                if($cantidadEsperandoRespuesta){
//                   echo '<a href="'.url_for('orden/index?tOrdenFilter[esperandoRespuesta]=1').'">';
//                   //echo '('.$cantidadEsperandoRespuesta.')'.     
//                   echo '<img src="'.image_path('/images/alert_animated.gif').'" style="width: 30px"'.
//                    'title="Ver la lista de todas las ordenes con mensajes ('.$cantidadEsperandoRespuesta.')"/>'
//                        .'</a>';        
//                }
              ?>
             <?php
//                $cantidadEsperandoDocumentacion = $sf_user->getLaboratorio()->getCantidadOrdenesEsperandoDocumentacion();
//                if($cantidadEsperandoDocumentacion){
//                   echo '<a href="'.url_for('orden/index?tOrdenFilter[esperandoDocumentacion]=1').'">';
//                   //echo '('.$cantidadEsperandoRespuesta.')'.     
//                   echo '<img src="'.image_path('/images/atencion.png').'" style="width: 30px"'.
//                    'title="Ver la lista de todas las ordenes a la espera de documentacion ('.$cantidadEsperandoDocumentacion.')"/>'
//                        .'</a>';        
//                }
              ?>
                 <div  id="msgNotif"  style="width: 30px; height: 30px; overflow: hidden;display: inline-block;">

                     
                     <div style="position: absolute; text-align: center; z-index: 2;">                     
                         <b id="labelMsgNotif" style="text-align: center; z-index: 5; position: absolute; color: red; margin-top: 16px; margin-left: 14px; font-size: 80%" id="indicadorMsgNotif"></b>
                     </div>
                     
                    <?php
                    
                       echo '<a href="'.url_for('mensaje/index').'">';

                            echo '<img id="imgMsgNotif" src="'.image_path('/images/msgNotif.png').'" style="height: 30px; display: block; top: 0px; width: 30px; position: relative; left: 0px; z-index: 1;"'.
                                    'title="Mensajes pendientes"/>'.'</a>';        
                     ?>
                     
                 
                 </div>
                 
             </div>
          
             <?php if ($sf_user->hasFlash('timedNotice')): ?>
             <div class="flash_timedNotice">
               <?php echo '<b>'.$sf_user->getFlash('timedNotice').'</b>' ?>
             </div>
             <?php endif; ?>            

        <?php endif; ?>
          <div class="version">
              <?php //echo $entorno.' - V'.$versionSoft.' - '.$fecha ?>
          </div>    
          
      </div>

<!--
**************************************************
* #content
**************************************************
-->        
 
      <div id="contenido">
          
        <!-- .flash_notice y .flash_error
              son dos divs que aparecen o no en funcion
             de si hay alún mensaje Flash, es una propiedad
             de $sf_user de symfony--> 
        
        <?php if ($sf_user->hasFlash('notice')): ?>
          <div class="flash_notice">
            <?php echo $sf_user->getFlash('notice') ?>
          </div>
        <?php endif; ?>

        <?php if ($sf_user->hasFlash('error')): ?>
          <div class="flash_error">
            <?php echo $sf_user->getFlash('error') ?>
          </div>
        <?php endif; ?>
        
        <?php if ($sf_user->hasFlash('browser_error')): ?>
          <div class="flash_br_error">
            <?php echo $sf_user->getFlash('browser_error') ?>
          </div>
        <?php endif; ?>

 
        <?php
//        <!-- .menu y .content
//             Si el usuario está "logeado" se crean los divs
//             .menu y .content de #content.
//             El menu es dibujado utilizando jQueryUI. Por el momento
//             se carga aqui mismo el menu. Son una serie de listas (<ul>, <li>)
//             que se generan en funcion del rol del usuario.
//             En content solo se hace el echo de $sf_content)
//        --> 
        ?>
        <?php if ($sf_user->isAuthenticated()): ?>
          <div class="menu">
                <ul style="" id="menu-usuario">
                    <li><div><?php echo link_to($menuIcono['trabajoRealizar'], 'trabajoRealizar/index') ?></div></li>
                    <li><div><?php echo link_to($menuIcono['salir'], 'sf_guard_signout') ?></div></li>
                </ul>
          </div>
        <div class="contenido">
          <?php echo $sf_content ?>     
        </div>

        <?php else : ?>
          <div class="novedades">
            <?php //echo $layoutNovedades ?>
          </div>  
          <div class="signin">
            <?php echo $sf_content ?>     
          </div>    
        <?php endif ?>            
  
       
      </div>

<!--
**************************************************
* #footer
**************************************************
-->        

<!--      <div id="footer">
        <div class="content">-->
<!--
        </div>-->
<!--      </div>-->
    </div>
  </body>
    
    
    
</html>
